<script lang="ts" setup>
// #region 引入包, 函数和组件
import { ref } from "vue"
import LeftPop from "./LeftPop.vue" // 抽屉组件
// #endregion

// #region // 使用模块(仓库、路由、父组件参数函数)

// #endregion

// #region // 变量
const leftPopRef = ref<InstanceType<typeof LeftPop> | null>(null)

// #endregion

// #region // 函数
// 跳转到搜索页面
const toSearch = () => {
  uni.navigateTo({
    url: "/pages/search/search",
  })
}
// #endregion

// #region // 生命周期和vue函数

// #endregion

</script>

<template>
  <view class="header">
    <!-- 左侧更多图标 -->
    <image
      @click="leftPopRef?.open()"
      src="/src/static/index/more.png"
      mode="aspectFit"
    ></image>
    <view class="search_box" @click="toSearch">
      <image src="/src/static/index/search.png" mode="aspectFit"></image>
      <view>搜索</view>
    </view>
  </view>
  <left-pop ref="leftPopRef"></left-pop>
</template>

<style lang="scss" scoped>

</style>
